<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><tiles:insertAttribute name="title" ignore="true"/></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="/project-OA//static/plugins/bootstrap/bootstrap.css" rel="stylesheet">
		<link href="/project-OA//static/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
		<link href="/project-OA//static/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
		<link href="/project-OA/static/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
		<link href="/project-OA/static/plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet">
		<link href="/project-OA//static/plugins/xcharts/xcharts.min.css" rel="stylesheet">
		<link href="/project-OA//static/plugins/select2/select2.css" rel="stylesheet">
		<link href="/project-OA//static/css/style.css" rel="stylesheet">
		<link href="/project-OA/static/css/ztree/zTreeStyle/zTreeStyle.css" rel="stylesheet">
		<link href="/project-OA/static/plugins/datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">
		<script src="/project-OA/static/plugins/jquery/jquery.js"></script>
	<script src="/project-OA/static/plugins/datetimepicker/js/bootstrap-datetimepicker.js"></script>
	<script src="/project-OA/static/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="http://code.jquery.com/jquery.js"></script>-->
<script src="/project-OA//static/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/project-OA/static/plugins/bootstrap/bootstrap.min.js"></script>
<script src="/project-OA/static/plugins/justified-gallery/jquery.justifiedgallery.min.js"></script>
<script src="/project-OA/static/plugins/tinymce/tinymce.min.js"></script>
<script src="/project-OA/static/plugins/tinymce/jquery.tinymce.min.js"></script>
<script type="text/javascript" src="/project-OA//static/plugins/jquery-validation-1.9.0/jquery.validate.js"></script>
<!-- All functions for this theme + document.ready processing -->
<script src="/project-OA/static/js/devoops.js"></script>
<script src="/project-OA/static/plugins/ztree/jquery.ztree.all.js"></script>
<script src="/project-OA/static/plugins/fullcalendar/moment.min.js"></script>
<script src="/project-OA/static/plugins/fullcalendar/fullcalendar.js"></script>
<script src="/project-OA/static/plugins/fullcalendar/locale-all.js"></script>
		<style>
		#ajax-content{
			margin-top:10px;
		}
		</style>	
</head>
<body>
<tiles:insertAttribute name="header"/>
<!--Start Container-->
<div id="main" class="container-fluid">
	<div class="row">
		<div id="sidebar-left" class="col-xs-2 col-sm-2">
			<ul class="nav main-menu">
				<li>
					<a href="index">
						<i class="fa fa-dashboard"></i>
						<span class="hidden-xs">首页</span>
					</a>
				</li>
				<li class="dropdown">
					<a href="departmentList" class="dropdown-toggle">
						<i class="fa fa-bar-chart-o"></i>
						<span class="hidden-xs">部门管理</span>
					</a>
				</li>
				<li class="dropdown">
					<a href="EmployeeList" class="dropdown-toggle">
						<i class="fa fa-table"></i>
						 <span class="hidden-xs">员工列表</span>
					</a>
				</li>
			
				<li class="dropdown">
					<a href="Document" class="dropdown-toggle">
						<i class="fa fa-pencil-square-o"></i>
						 <span class="hidden-xs">文档管理</span>
					</a>
					<!--  <ul class="dropdown-menu">-->
					<!-- 	<li><ul id="documentTree" class="ztree"></ul></li>-->
				<!-- 	</ul>-->
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle">
						<i class="fa fa-list"></i>
						 <span class="hidden-xs">日程管理</span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="active-list">全部日程</a></li>
						<li><a href="mettingadd">新增日程</a></li>
						<li><a href="#">修改日程</a></li>
						<li><a href="calendar">日程表</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle">
						<i class="fa fa-map-marker"></i>
						<span class="hidden-xs">消息管理</span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="getMessage">收件箱</a></li>
						<li><a href="message-send">发件箱</a></li>
						<li><a href="getSaveMessage">草稿箱</a></li>
					</ul>
				</li>
				<li class="dropdown" id="announcement">
					<a href="#" class="dropdown-toggle" >
						<i class="fa fa-picture-o"></i>
						 <span class="hidden-xs">公文发布管理</span>
					</a>
					<ul class="dropdown-menu">					
						<li><a href="paperList">公告查看</a></li>
						<li><a href="paperManage?creatorId=${sessionScope.employee.id}">公告申请</a></li>
						<c:if test="${sessionScope.employee.isManager==1}">
					<li><a href="paperApprove">公告审批</a></li>
					</c:if>
						
					</ul>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle">
						<i class="fa fa-picture-o"></i>
						 <span class="hidden-xs">系统设置</span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#">First level menu</a></li>
						<li><a href="#">First level menu</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle">
								<i class="fa fa-plus-square"></i>
								<span class="hidden-xs">Second level menu group</span>
							</a>
							<ul class="dropdown-menu">
								<li><a href="#">Second level menu</a></li>
								<li><a href="#">Second level menu</a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle">
										<i class="fa fa-plus-square"></i>
										<span class="hidden-xs">Three level menu group</span>
									</a>
									<ul class="dropdown-menu">
										<li><a href="#">Three level menu</a></li>
										<li><a href="#">Three level menu</a></li>
										<li class="dropdown">
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-plus-square"></i>
												<span class="hidden-xs">Four level menu group</span>
											</a>
											<ul class="dropdown-menu">
												<li><a href="#">Four level menu</a></li>
												<li><a href="#">Four level menu</a></li>
												<li class="dropdown">
													<a href="#" class="dropdown-toggle">
														<i class="fa fa-plus-square"></i>
														<span class="hidden-xs">Five level menu group</span>
													</a>
													<ul class="dropdown-menu">
														<li><a href="#">Five level menu</a></li>
														<li><a href="#">Five level menu</a></li>
														<li class="dropdown">
															<a href="#" class="dropdown-toggle">
																<i class="fa fa-plus-square"></i>
																<span class="hidden-xs">Six level menu group</span>
															</a>
															<ul class="dropdown-menu">
																<li><a href="#">Six level menu</a></li>
																<li><a href="#">Six level menu</a></li>
															</ul>
														</li>
													</ul>
												</li>
											</ul>
										</li>
										<li><a href="#">Three level menu</a></li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<!--Start Content-->
		<div id="content" class="col-xs-12 col-sm-10">
			<div id="ajax-content">		
			<tiles:insertAttribute name="main"/>
			</div>
		</div>
		<!--End Content-->
	</div>
</div>
<!--End Container-->
	<tiles:insertAttribute name="footer"/>
</body>
</html>